/*
 * @Description:批次管理操作
 * @Author: Rfan
 * @Date: 2022-06-21 21:37:30
 * @LastEditTime: 2022-06-23 18:20:55
 */

import { Button, Divider, Space } from 'antd';
import cs from 'classnames';
import { useExportMgtContext } from '../contexts/ExportMgtContext';
import { useExportMgtRouterTypeContext } from '../contexts/ExportMgtRouterTypeContext';

const PageOperate = (props: any) => {
  const { classname } = props;
  const { selectItems, deleteExportFunc } = useExportMgtContext();
  const { title } = useExportMgtRouterTypeContext();

  return (
    <div className={cs('filter-container', 'page-operate', classname)}>
      <p>{title}列表</p>
      <Space size="small">
        <Button disabled>下载</Button>
        <Button
          onClick={() => {
            deleteExportFunc(selectItems, '是否删除选中的导出单');
          }}
        >
          删除
        </Button>
        <Divider type="vertical" />
        <Button>筛选检索</Button>
      </Space>
    </div>
  );
};

export default PageOperate;
